// 创建一个路由，并暴露出去

// 引入createRouter
import { createRouter,createWebHistory } from "vue-router";

import Home from '@/pages/Home.vue'
import News from '@/pages/News.vue'
import About from '@/pages/About.vue'
import NewsConten from '@/components/NewsConten.vue'
// 创建路由器
const router = createRouter({
    history:createWebHistory(),//路由器的工作模式
    routes: [//路由规则
        {
            name:'home',
            path: '/home',
            component:Home     
        },
        {
            name:'news',
            path: '/news',
            component: News,
            children: [
                {
                    name:'xwlb',
                    path: 'newsconten',
                    component: NewsConten,
                    //第一种写法: props的布尔值写法，作用:把收到了每一组params参数，作为props传给NewsContent组件
                    // props: true

                    // 第二种：props的函数写法，作用:把返回的对象中每一组key-value作为props传给Detail组件
                    props(route) {
                        // console.log(route);
                        return route.query
                    }

                    // 第三种：props的对象写法，作用:把对象中的每一组key-value作为props传给NewsContent组件
                    // props:{
                    //     a: 100,
                    //     b: 200,
                    //     c:300
                    // }
                },
            ]
        },
        {
            name:'about',
            path: '/about',
            component:About     
        },
       
    ]
})

export default router